<template>
  <div>
    <div class="main">
      <!-- 题体 -->
      <van-cell-group class="question">
        <van-cell class="the-ques">
          <template #title>
            <p style="font-size: 16px">
              <span>【{{ answering.type === 1 ? '单选' : '多选' }}】</span
              >啦啦啦啦啦
            </p>
          </template>
          <template #label>
            <!--  <span
              class="mylabel"
              v-for="(item, index) in answering.tag"
              :key="index"
              >{{ item }}</span
            > -->
          </template>
        </van-cell>
      </van-cell-group>
      <!-- 选项 -->
      <van-cell-group>
        <van-cell
          class="active"
          @click.stop="onClick(index)"
          v-for="(item, index) in answering.option"
          :key="index"
        >
          <template #title>
            <p>
              <span>{{ quesObj[index + 1] + ' > ' }}</span
              >{{ item }}
            </p>
          </template>
          <template #default>
            <i style="font-size: 24px; " class="myicon"></i>
          </template>
        </van-cell>
      </van-cell-group>
      <!-- 答案解析 -->
      <div v-if="submit" class="analysis">
        <h5>答案解析</h5>
        <div style="color: rgb(29, 199, 121); font-size: 18px" class="correct">
          正确答案:
          <span
            style="color: rgb(29, 199, 121); font-size: 18px"
            v-for="(item, index) in backAnswer"
            :key="index"
            >{{ item }}
          </span>
        </div>
        <div class="difficulty">
          <span>难度: {{ difficulty }}</span>
          <span>提交次数: {{ submitNum }}</span>
          <span>正确次数: {{ correctNum }}</span>
        </div>
        <p class="explain">
          {{ answerAnalysis }}
        </p>
      </div>
    </div>
    <!-- 底部 -->

    <!-- 弹出卡 -->

    <!-- 反馈框 -->
    <feedBack ref="back"></feedBack>
  </div>
</template>

<script>
export default {}
</script>

<style></style>
